<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WebSocket客户端</title>
<script type="text/javascript">

var socket;
if(!window.WebSocket){
	window.WebSocket=window.MozWebSocket;
}
if(window.socket){
	socket=new WebSocket("ws://localhost:8888/websocket");
	socket.onmessage=function(event){
		
		var ta=document.getElementById("responseContent");
		ta.value+=event.data+"\r\n";
		
	};
	
	socket.onopen=function(event){
		var ta=document.getElementById("responseContent");
		ta.value="您的浏览器支持WebSocket，请进行后续操作\r\n";
	};
	socket.onclose=function(event){
		var ta=document.getElementById("responseContent");
		ta.value="";
		ta.value="WebSocket连接已经关闭\r\n";
		
	};
		
	}else{
		
		alert("您的浏览器不支持WebSocket");
	}
	
	function send(message){
		if(!window.WebSocket){
			return;
		}
		if(socket.readtState==WebSocket.OPEN){
			socket.send(message);
		}else{
			
			alert("WebSocket连接没有建立成功");
		}
	}
	
}
</script>
</head>
<body>
<form onsubmit="return false;">
	<input type="text" name="message" value=""/>
	<br/><br/>
	
	<input type="button" value="发送WebSocket请求消息" onclick="send(this.form.message.value)">
	
	<hr color="red">
	<h2>客户端接收到服务端返回的应答信息</h2>
	<textarea id="responseContent" style="width:1024px;height:300px"></textarea>
</form>
</body>
</html>